﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
	<base href="<%=basePath%>">
	<!-- jsp文件头和头部 -->
	<%@ include file="../../system/main/main_top.jsp"%> 
	</head> 
<body>
<div class="container-fluid" id="main-container">
<div id="breadcrumbs">
	<ul class="breadcrumb">
		<li><i class="icon-home"></i> <a>商户管理</a> <span class="divider">
				<i class="icon-angle-right"></i>
		</span></li>
		<li class="active">商品列表</li>
	</ul>
	<!--.breadcrumb-->
</div>
<div id="page-content" class="clearfix">
  <div class="row-fluid">
	<div class="row-fluid">
			<!-- 检索  -->
			<form action="product/list.do" method="post" name="productInfoForm" id="productInfoForm">
			<input type="hidden" name="org_id" id="org_id" value="${pageData.org_id }"/>
			<table>
				<tr>
					<td>
						<span class="input-icon">
							<input autocomplete="off" id="nav-search-input" type="text" name="product_name" value="${pageData.product_name }" placeholder="这里输入商品名称" />
							<i id="nav-search-icon" class="icon-search"></i>
						</span>
					</td>
					<td>
						<span class="input-icon">
							<input autocomplete="off" id="nav-search-input2" type="text" name="product_sn" value="${pageData.product_sn }" placeholder="这里输入商品货号" />
							<i id="nav-search-icon" class="icon-search"></i>
						</span>
					</td>
					<td><input class="span10 date-picker" id="lastStart" name="lastStart" value="${pageData.lastStartShow}" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" style="width:100px;" placeholder="商品有效期从"/></td>
					<td><input class="span10 date-picker" id="lastEnd" name="lastEnd" value="${pageData.lastEndShow}" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" style="width:100px;" placeholder="商品有效期至"/></td>
					<td style="vertical-align:top;"> 
					 	<select class="chzn-select" name="is_on_sale" data-placeholder="上架状态" style="vertical-align:top;width: 100px;">
							<option value="">全部</option>
							<option value="1" <c:if test="${pageData.is_on_sale == '1' }">selected</c:if> >已上架</option>
							<option value="2" <c:if test="${pageData.is_on_sale == '2' }">selected</c:if> >未上架</option>
						</select>
					</td>
					<td style="vertical-align:top;"><button class="btn btn-mini btn-light" onclick="search();"><i id="nav-search-icon" class="icon-search"></i></button></td>
					<td style="vertical-align:top;"><a class="btn btn-mini btn-light" onclick="clearCondition();" title="清空查询条件"><i id="nav-search-icon"></i>清空查询条件</a></td>
				</tr>
			</table>
			<!-- 检索  -->
		
			<table id="table_report" class="table table-striped table-bordered table-hover">
				<thead>
					<tr>
						<th>序号</th>
						<th>商品名称</th>
						<th>商品货号</th>
						<th>库存数量</th>
						<c:if test="${pageData.org_id == 1 }">
							<th>商品品牌</th>
						</c:if>
						<th>商品类型</th>
						<th><i class="icon-time hidden-phone"></i>优惠开始时间</th>
						<th><i class="icon-time hidden-phone"></i>优惠结束时间</th>
						<th><i class="icon-time hidden-phone"></i>商品有效期</th>
						<th>商品缩略图</th>
						<!-- <th>是否为赠送</th> -->
						<th>商品状态</th>
						<th class="center">操作</th>
					</tr>
				</thead>
										
				<tbody>
				<!-- 开始循环 -->	
				<c:choose>
					<c:when test="${not empty varList}">
						<c:forEach items="${varList}" var="var" varStatus="vs">
							<tr>
								<td class='center' style="width: 30px;">${vs.index+1}</td>
								<td>${var.product_name}</td>
								<td>${var.product_sn }</td>
								<td>${var.store_number }</td>
								<c:if test="${pageData.org_id == 1 }">
									<td>${var.brandName }</td>
								</c:if>
								<td>${var.catName }</td>
								<td><fmt:formatDate value="${var.promote_start_time}" pattern="yyyy-MM-dd"/> </td>
								<td><fmt:formatDate value="${var.promote_end_time}" pattern="yyyy-MM-dd"/> </td>
								<td><fmt:formatDate value="${var.valid_time}" pattern="yyyy-MM-dd"/> </td>
								<td>
									<c:if test="${var.img_thumb != '' && var.img_thumb != null }">
										<a href="<%=basePath%>${var.img_thumb}" target="_blank"><img src="<%=basePath%>${var.img_thumb}" width="50"/></a>
									</c:if>
								</td>
								<%-- <td>${fn:substring(var.product_desc ,0,50)} ...</td> --%>
								<%-- <td>
									<c:if test="${var.is_freebie == '0' }"><span class="label label-important arrowed-in">否</span></c:if>
									<c:if test="${var.is_freebie == '1' }"><span class="label label-success arrowed">是</span></c:if>
								</td> --%>
								<td>
									<c:if test="${var.is_on_sale == '2' }"><span class="label label-important arrowed-in">下架</span></c:if>
									<c:if test="${var.is_on_sale == '1' }"><span class="label label-success arrowed">已上架</span></c:if>
								</td>
								<td style="width: 60px;" class="center">
									<div class='hidden-phone visible-desktop btn-group'>
										<a class='btn btn-mini btn-info' title="查看" onclick="view('${var.product_id }');"><i class='icon-eye-open'></i></a>
										<a class='btn btn-mini btn-info' title="编辑" onclick="edit('${var.product_id }');"><i class='icon-edit'></i></a>
									 	<a class='btn btn-mini btn-danger' title="删除" onclick="del('${var.product_id }');"><i class='icon-trash'></i></a>
									 	<c:if test="${var.is_gift != 1 }">
									 		<a class="btn btn-small btn-info" onclick="config('${var.product_id }');">设置为礼品</a>
									 	</c:if>
									 	<%-- <a class='btn btn-mini btn-info' title="设置为赠送酒水" onclick="configFreebie('${var.product_id }');"><i class='icon-tasks'></i></a> --%>
									</div>
								</td>
							</tr>
						</c:forEach>
						
						<!-- <tr>
							<td colspan="100" class="center">您无权查看</td>
						</tr> -->
					</c:when>
					<c:otherwise>
						<tr class="main_info">
							<td colspan="100" class="center" >没有相关数据</td>
						</tr>
					</c:otherwise>
				</c:choose>
				</tbody>
			</table>
			
		<div class="page-header position-relative">
		<table style="width:100%;">
			<tr>
				<td style="vertical-align:top;">
					<a class="btn btn-small btn-success" onclick="addInvented('${pageData.org_id }');">无编号商品入库</a>
					<a class="btn btn-small btn-success" onclick="addEntity('${pageData.org_id }');">有编号商品入库</a>
				</td>
				<td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div></td>
			</tr>
		</table>
		</div>
		</form>
	</div>
	<!-- PAGE CONTENT ENDS HERE -->
  </div><!--/row-->
	
</div><!--/#page-content-->
</div><!--/.fluid-container#main-container-->
		<!-- 返回顶部  -->
		<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse">
			<i class="icon-double-angle-up icon-only"></i>
		</a>
		
		<!-- 引入 -->
		<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
		<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="static/js/ace-elements.min.js"></script>
		<script type="text/javascript" src="static/js/ace.min.js"></script>
		<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 单选框 -->
		<script type="text/javascript" src="static/js/bootstrap-datepicker.min.js"></script><!-- 日期框 -->
		<script type="text/javascript" src="static/js/bootbox.min.js"></script><!-- 确认窗口 -->
		<!-- 引入 -->
		
		<script type="text/javascript">
		$(top.hangge());
		
		//检索
		function search(){
			$("#productInfoForm").submit();
		}
		
		//新增
		function addInvented(org_id){
			top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title ="虚拟商品入库";
			 diag.URL = '<%=basePath%>product/goAddInventedProductInfo.do?org_id='+org_id;
			 diag.Width = 1000;
			 diag.Height = 750;
			 diag.CancelEvent = function(){ //关闭事件
				 if(diag.innerFrame.contentWindow.document.getElementById('centerOfMainFrame').style.display == 'none'){
					 if('${page.currentPage}' == '0'){
						 top.jzts();
						 setTimeout("self.location.reload()",100);
					 }else{
						 nextPage(${page.currentPage});
					 }
				}
				diag.close();
			 };
			 diag.show();
		}
		
		//新增
		function addEntity(org_id){
			top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title ="实体商品入库";
			 diag.URL = '<%=basePath%>product/goAddEntityProductInfo.do?org_id='+org_id;
			 diag.Width = 1000;
			 diag.Height = 750;
			 diag.CancelEvent = function(){ //关闭事件
				 if(diag.innerFrame.contentWindow.document.getElementById('centerOfMainFrame').style.display == 'none'){
					 if('${page.currentPage}' == '0'){
						 top.jzts();
						 setTimeout("self.location.reload()",100);
					 }else{
						 nextPage(${page.currentPage});
					 }
				}
				diag.close();
			 };
			 diag.show();
		}
		
		function view(product_id){
			top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title ="查看";
			 diag.URL = '<%=basePath%>product/goViewProduct.do?product_id='+product_id;
			 diag.Width = 1000;
			 diag.Height = 750;
			 diag.CancelEvent = function(){ //关闭事件
				 if(diag.innerFrame.contentWindow.document.getElementById('centerOfMainFrame').style.display == 'none'){
					 nextPage(${page.currentPage});
				}
				diag.close();
			 };
			 diag.show();
		}
		
		//修改
		function edit(product_id){
			top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title ="编辑";
			 diag.URL = '<%=basePath%>product/goEditProductInfo.do?product_id='+product_id;
			 diag.Width = 1000;
			 diag.Height = 750;
			 diag.CancelEvent = function(){ //关闭事件
				 if(diag.innerFrame.contentWindow.document.getElementById('centerOfMainFrame').style.display == 'none'){
					 nextPage(${page.currentPage});
				}
				diag.close();
			 };
			 diag.show();
		}
		
		//删除
		function del(product_id){
			bootbox.confirm("确定要删除该记录?", function(result) {
				if(result) {
					$.ajax({
						type : "PUT",
						url : "product/canDeleteProduct/"+product_id+ ".json",
						//data:JSON.stringify(catacode),
						contentType:"application/json",  //发送至服务器的类型
						dataType : "json",     //预期服务器返回类型
						success: function(data){
							//alert(data.string);
							//return false;
							if(data.string=="error"){
								alert("该产品不能删除，已设置为了礼品！");
								result = false;
							}else{
								result = true;
								if(result){
									var url = "<%=basePath%>product/deleteProductInfo.do?product_id="+product_id+"&tm="+new Date().getTime();
									$.get(url,function(data){
										//if(data=="success"){
											nextPage(${page.currentPage});
										//}
									});
								}
							}
						}
					})
				}
			});
		}
		
		//设置
		function config(product_id){
			 top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title ="设置礼品";
			 diag.URL = '<%=basePath%>/product/goProductInfoGiftConfig.do?product_id='+product_id;
			 diag.Width = 300;
			 diag.Height = 160;
			 diag.CancelEvent = function(){ //关闭事件
				 search();
				 if(diag.innerFrame.contentWindow.document.getElementById('centerOfMainFrame').style.display == 'none'){
					 nextPage(${page.currentPage});
				}
				diag.close();
			 };
			 diag.show();
		}
		
		function configFreebie(product_id){
			 top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title ="设置为赠送酒水";
			 diag.URL = '<%=basePath%>/product/goProductInfoFreebieConfig.do?product_id='+product_id;
			 diag.Width = 300;
			 diag.Height = 95;
			 diag.CancelEvent = function(){ //关闭事件
				 search();
				 if(diag.innerFrame.contentWindow.document.getElementById('centerOfMainFrame').style.display == 'none'){
					 nextPage(${page.currentPage});
				}
				diag.close();
			 };
			 diag.show();
		}
		
		function clearCondition(){
			$("#nav-search-input").val("");
			$("#nav-search-input2").val("");
			$("#lastStart").val("");
			$("#lastEnd").val("");
		}
		</script>
		<script type="text/javascript">
		$(function() {
			//单选框
			$(".chzn-select").chosen(); 
			$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
			//日期框
			$('.date-picker').datepicker();
		});
		</script>
	</body>
</html>

